// import { createApp } from "vue";
import { createRouter, createWebHashHistory } from "vue-router";
// import App from "../App.vue";
import Home from "../views/home";
import test from "../views/test";

// // 1. 定义路由组件：这里直接用的对象数据，也可以导入其他组件。
// const Main = {
//   render() {
//     return "home";
//   },
// };
// const Lists = {
//   render() {
//     return "月影WEB-列表页面";
//   },
// };
// const Details = {
//   render() {
//     return "月影WEB-详情页面";
//   },
// };

// 2. 定义一些路由：每个路由都需要映射到一个组件。
const routes = [
  {
    path: "/",
    name: Home,
    component: Home,
  },
  {
    path: "/test",
    name: test,
    component: test,
  },
];
// 3. 创建路由实例并传递 `routes` 配置。
const router = createRouter({
  // 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
  history: createWebHashHistory(),
  routes, // `routes: routes` 的缩写
});

// 4.创建一个vue应用，将App组件和定义的路由放入到vue应用，并挂载到模板页面id为app的元素上。
// createApp(App).use(router).mount("#app");
export default router;
